/**
 * Created by asus on 2017/7/28.
 */
$(function () {
    var categoryId=getUrlParams('categoryid');
    var pageId=1;
    getProductList(categoryId,pageId);

    function getProductList(categoryid,pageid) {
        $.ajax({
            url:'http://127.0.0.1:3000/api/getproductlist',
            dataType:'json',
            data:{categoryid:categoryid,pageid:pageid},
            success:function (data) {
                console.log(data);
                var html=template('product-list-template',data);
                // console.log(html);
                $('#product>.product-list').html(html);

                var totalPage=Math.ceil(data.totalCount/data.pagesize);
                var optionTag="";
                for (var i=0;i<totalPage;i++){
                    if ((i+1)==pageId){
                        optionTag+='<option value='+(i+1)+' selected>'+(i+1)+'/'+totalPage+'</option>'
                    }else {
                        optionTag+='<option value='+(i+1)+'>'+(i+1)+'/'+totalPage+'</option>'
                    }

                }
                $('select').html(optionTag);
                goTop();

                $('.prev-page').unbind('click').bind('click',function () {
                    if (pageId<=1){
                        alert('这是第一页')
                    }else {
                        pageId=parseInt(pageId)-1;
                        getProductList(categoryId,pageId);
                    }
                    return false;
                })
                $('.next-page').unbind('click').bind('click',function () {
                    if (pageId>=totalPage){
                        alert('这是最后一页')
                    }else {
                        pageId=parseInt(pageId)+1;
                        getProductList(categoryId,pageId);
                    }
                    return false;
                })

                $('select').unbind('change').bind('change',function () {
                    pageId=$(this).val();
                    getProductList(categoryId,pageId);
                })
            }
        })
    }

})